import React from 'react';
import styles from "./App.module.css";
import { BrowserRouter, Route, Switch} from 'react-router-dom'
import { HomePage, SignIn, Detail, Register } from "./pages";

function App() {
  return (
    <div className={styles.App}>
      <BrowserRouter>
        <Switch>
          <Route exact path="/" component={HomePage}></Route>
          <Route path="/signIn" component={SignIn}></Route>
          <Route path="/register" component={Register}></Route>
          <Route path="/details/:touristRouteId" component={Detail}></Route>
          <Route render={()=> <h1>404 NOT FOUND 页面干啥去了？</h1>}></Route>
        </Switch>
      </BrowserRouter>
    </div>
  );
}

export default App;
